<template>
	<view>
		<view class="head">
			<view class="arrow" @click="return_btn">
			</view>
			<text style="color: white; font-size: 48rpx;">注册</text>
			<uni-card>
				<view class="registerItem">
					<view style="line-height: 80rpx;font-size: 26rpx;font-weight: bold;">负责人：</view>
					<view>
						<u--input placeholder="输入负责人名字" customStyle="width: 90%;"></u--input>
					</view>
				</view>
				<view class="registerItem">
					<view style="line-height: 80rpx;font-size: 26rpx;font-weight: 600;">身份证号码：</view>
					<view>
						<u--input placeholder="输入身份证号码" customStyle="width: 90%;"></u--input>
					</view>
				</view>
				<view class="registerItem">
					<view style="line-height: 80rpx;font-size: 26rpx;font-weight: 600;">手机号：</view>
					<view>
						<u--input placeholder="输入手机号" customStyle="width: 90%;"></u--input>
					</view>
				</view>
				<view class="registerItem" style="position: relative;">
					<view style="line-height: 80rpx;font-size: 26rpx;font-weight: 600;">验证码：</view>
					<view>
						<u--input placeholder="输入验证码" customStyle="width: 90%;"></u--input>
					</view>
					<view class="getyanzehngma">获取验证码</view>
				</view>
				<view class="registerItem">
					<view style="line-height: 80rpx;font-size: 26rpx;font-weight: 600;">店名：</view>
					<view>
						<u--input placeholder="输入店名" customStyle="width: 90%;"></u--input>
					</view>
				</view>
				<view class="registerItem">
					<view style="line-height: 80rpx;font-size: 26rpx;font-weight: 600;">工商营业执照号码：</view>
					<view style="">
						<u--input placeholder="输入营业执照号码" customStyle=" width: 90%;margin-right: -50rpx;"></u--input>
					</view>
				</view>
				<view class="registerItem">
					<view style="line-height: 80rpx;font-size: 26rpx;font-weight: 600;">经营地址：</view>
					<view style="width: 61%;">
						<uni-data-picker placeholder="请选择区县" popup-title="请选择" :localdata="dataTree" shape="circle"
							v-model="address" @change="onchange" @nodeclick="onnodeclick" @popupopened="onpopupopened"
							@popupclosed="onpopupclosed">
						</uni-data-picker>
					</view>
				</view>
				<view class="registerItem">
					<view style="line-height: 80rpx;font-size: 26rpx;font-weight: 600;">地址：</view>
					<view>
						<u--input placeholder="请输入详细地址" customStyle="width: 90%;"></u--input>
					</view>
				</view>
			</uni-card>
			<uni-card>
				<view class="title">商家简介</view>
				<uni-easyinput type="textarea" placeholder="请准确的介绍一下公司的情况"></uni-easyinput>
			</uni-card>
			<uni-card>
				<view class="title1">
					身份证正反面照片
				</view>
				<uni-file-picker limit="2" title="上传身份证正反面照片"></uni-file-picker>
			</uni-card>
			<uni-card>
				<view class="title">营业执照</view>
				<uni-file-picker></uni-file-picker>
			</uni-card>
			<uni-card>
				<view class="title">门店 照片</view>
				<uni-file-picker></uni-file-picker>
			</uni-card>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				address: "1-1",
				dataTree: [{
						text: "郑州市",
						value: "1-0",
						children: [{
								text: "高新区",
								value: "1-1"
							},
							{
								text: "金水区",
								value: "1-2"
							}
						]
					},
					{
						text: "周口市",
						value: "2-0",
						children: [{
								text: "川汇区",
								value: "2-1"
							},
							{
								text: "淮阳区",
								value: "2-2"
							}
						]
					}
				]
			}
		},
		methods: {
			return_btn() {
				uni.$u.route('/pages/ys/login/login')
			},
			login_btn() {
				uni.$u.route('')
			}
		}
	}
</script>

<style>
	.title1 {
		margin-left: -330rpx;
		margin-top: 10rpx;
		margin-bottom: 20rpx;
		font-weight: 600;
		font-size: 36rpx;
	}

	.title {
		margin-left: -470rpx;
		margin-top: 10rpx;
		margin-bottom: 20rpx;
		font-weight: 600;
		font-size: 36rpx;
	}

	.getyanzehngma {
		position: absolute;
		border-left: 1rpx solid grey;
		right: 4vw;
		top: 14rpx;
		padding-left: 8rpx;
		color: #387BEF;
		font-weight: 700;
	}

	.registerItem {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20rpx;
		margin-left: -10rpx;
	}

	.arrow {
		height: 28rpx;
		width: 28rpx;
		border-top: 4rpx solid white;
		border-right: 4rpx solid white;
		transform: rotate(225deg);
		position: fixed;
		left: 3vw;
		top: 4vh;
	}

	.head {
		padding-top: 4vh;
		text-align: center;
		height: 35vh;
		width: 100%;
		background-color: #2F81FA;
	}
</style>